<<<<<<< HEAD
* { touch-action: pan-y;
	list-style: none;}

.loading {
	margin-bottom:20px;
	background: #f2f2f2;
	height: 30px;
	overflow: hidden;
	justify-content: center;
	line-height: 30px;
	text-align: center;
	position: relative;
	display: none;
}
.pswp__preloader__icn {
	opacity:0.75;
	width: 24px;
	height: 24px;
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
	position: absolute;
	left: 88px;
	top: 4px;
}

/* The idea of animating inner circle is based on Polymer loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
.pswp__preloader__cut {
	position: relative;
	width: 12px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.pswp__preloader__donut {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	border: 2px solid #000;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin:0;
	-webkit-animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
}

@-webkit-keyframes clockwise {
	0% { -webkit-transform: rotate(0deg) }
	100% { -webkit-transform: rotate(360deg) }
}
@keyframes clockwise {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
	0% { -webkit-transform: rotate(0) }
	50% { -webkit-transform: rotate(-140deg) }
	100% { -webkit-transform: rotate(0) }
}
@keyframes donut-rotate {
	0% { transform: rotate(0) }
	50% { transform: rotate(-140deg) }
=======
* { touch-action: pan-y;
	list-style: none;}

.loading {
	margin-bottom:20px;
	background: #f2f2f2;
	height: 30px;
	overflow: hidden;
	justify-content: center;
	line-height: 30px;
	text-align: center;
	position: relative;
	display: none;
}
.pswp__preloader__icn {
	opacity:0.75;
	width: 24px;
	height: 24px;
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
	position: absolute;
	left: 88px;
	top: 4px;
}

/* The idea of animating inner circle is based on Polymer loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
.pswp__preloader__cut {
	position: relative;
	width: 12px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.pswp__preloader__donut {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	border: 2px solid #000;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin:0;
	-webkit-animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
}

@-webkit-keyframes clockwise {
	0% { -webkit-transform: rotate(0deg) }
	100% { -webkit-transform: rotate(360deg) }
}
@keyframes clockwise {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
	0% { -webkit-transform: rotate(0) }
	50% { -webkit-transform: rotate(-140deg) }
	100% { -webkit-transform: rotate(0) }
}
@keyframes donut-rotate {
	0% { transform: rotate(0) }
	50% { transform: rotate(-140deg) }
>>>>>>> 93c40d8086b7a8d5a9aa3548fdc8eb06a4272cf7
	100% { transform: rotate(